<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/four.css">
    <script src="./js/fontSize.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ
    ">
    </script> 
</head>
<body>
    <div class="top">
        <div class="logo">
            <img src="./imgs/index/logo.jpg" alt="">
        </div>
        <a href="#" class="xiazai">
            <img src="./imgs/index/xiazai.jpg" alt="">
        </a>
        <a href="#" class="my">
            <img src="./imgs/index/my.jpg" alt="">
        </a>
    </div>
    <!-- 房子 -->
    <div class="house">
        <div class="house-pic">
            <img src="./imgs/SecondHandList/img.png" alt="">
        </div>
        <div class="house-desc">
            <h3>天鹅湾小区精修两居，满五唯一，业主换房急售</h3>
            <p class="price"><span>576</span>万元(单价：46327元/平)</p>
            <p class="time">挂牌时间2015年6月20日</p>
            <span>学区房</span>
            <span>独家</span>
            <span>满五唯一</span>
        </div>       
    </div>
    <!-- 房源信息 -->
    <div class="house-mes">
        <div class=" mes-common">
            <p>户型：3室2厅</p>
            <p>面积：100平</p>
        </div>
        <div class=" mes-common">
            <p>楼层：中楼层</p>
            <p>朝向：西南</p>
        </div>
        <div class="mes-common">
            <p>装修：精装</p>
            <p>楼型：塔楼</p>
        </div>
        <div class="mes-common">
            <p>年代：2004年</p>
            <p>区域：西二旗</p>
        </div>
        <div class="mes-common">
            <p>首付：123万</p>
            <p>月供：15683元</p>
        </div>
        <div class="  mes-common">地铁：离西二旗地铁站800米</div>
        <div class=" mes-common">小区：珠江帝景</div>
        <div class=" mes-common">学校：北京市第二实验小学</div>
        <div class="more">更多房源信息</div>
    </div>
    <!-- 房源特色 -->
    <div class="house-chara">
        <h3>房源特色</h3>
        <p>小区环境优雅，随处闹市中（小区南200米有大超市，西边有华联商场，国际影城，东北角大中电器，小区东100米有幼儿园，昌平实验一小，国际大酒店）</p>
        <div class="more">更多特色</div>
    
    </div>
    <!-- 户型分间 -->
    <div class="house-huxing">
        <h3>户型分间</h3>
        <div class="geju">
            <div class="geju-pic">
                <img src="./imgs/SecondHandList/img4.png" alt="">
            </div>
            <div class="geju-desc">
                <h4>当前格局</h4>
                <p>分间信息：客厅5平米，南北通透</p>
                <span>南壁通透</span>
                <span>全明格局</span>
            </div>
        </div>
        <div class="geju geju2">
            <div class="geju-pic">
                <img src="./imgs/SecondHandList/img5.png" alt="">
            </div>
            <div class="geju-desc">
                <h4>当前格局</h4>
                <p>分间信息：客厅5平米，南北通透</p>
                <span>南壁通透</span>
                <span>全明格局</span>
            </div>
        </div>
    </div>
    <!-- 对口学校 -->
    <div class="house-school">
        <h3>对口学校</h3>
        <p class="mes-common">学校名称：<span>北京市第二实验小学</span></p>
        <p class="mes-common">升学方式：<span>直升，派位</span></p>
        <p class="mes-common">对口中学：<span>团结湖中学</span></p>
        <p class="mes-common">划片小区：<span>三个划片小区</span></p>
        <p class="mes-common">学校特色：<span>包食宿，有小车</span></p>
        <div class="more">更多房源信息</div>
    </div>
    <!-- 位置及周边 -->
    <div class="house-address">
        <h3>位置及周边</h3>
        <div id="container"></div> 
        <script src="./js/map.js"></script>
    </div>
    <!-- 推荐房源 -->
    <div class="tuijian-house">
        <h3>推荐房源</h3>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="all-tuijian">
            <div class="tuijian">
                <div class="tuijian-pic">
                    <img src="./imgs/SecondHandList/img6.png" alt="">
                </div>
                <div class="tuijian-desc">
                    <h4>文化部中间层 一层带...</h4>
                    <p class="mianji">2室1厅96m²南北<span>1105万</span></p>
                    <p class="add">红庙北里<span>14268元/平</span></p>
                    <span class="biaoqian">学区房</span>
                </div>
                
            </div>
            <div class="reason">
                <span></span>
                <p>推荐理由：同户型，通风好，采光好</p>
            </div>
        </div>
        <div class="more">查看更多相似房源</div>

    </div>
    <footer>
        <div class="road">
            <p>北京找房无忧 > 首页</p>
        </div>
        <div class="mobel-pc">
            <div class="iPhone box">
                <img src="./imgs/index/apple.png" alt="">
                <div class="txt">
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </div>
            <div class="Android box">
                <img src="./imgs/index/android.png" alt="">
                <div class="txt">
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </div>
        </div>
        <div class="beian">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160912号</p>
        </div>
        <div class="lianxi">
            <button>联系经纪人</button>
            <div class="guanzhu">关注</div>
        </div>
    </footer>
</body>
</html>